<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
	<%
	String pathh = request.getContextPath();
	String basePathh = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ pathh + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePathh%>" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>login&register</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
  <link rel="stylesheet" href="css/common.css" />
	  <link rel="stylesheet" href="css/home.css" />
	  <script type="text/javascript" src="js/jquery-1.11.3.min.js" ></script>
	  <script type="text/javascript" src="js/home.js" ></script>
	    <style type="text/css">
	     .displaynone{display: none !important;}
	    </style>
</head>
<body>
		   <div id="loginregister">		
			<header class="flex flex_center loginheader">
				<div>登陆&注册</div>
				<div class="close cur displaynone">X</div>
			</header>
			<div class="flex flex_center">
			   <section class="flex_item_1 txt_center">
			   	<h1 class="" style="">扫码关注</h1>
			   	<img  class="lqrcode" src="images/liantu.png" />
			   	<h3>扫描二维码，关注我们 !</h3>
			   </section>
			   <div class="loginvalign"></div>
			   <section class="flex_item_1">
			   	  <div class="group_control">
			   		<div class="flex flex_center tab txt_center">
			   	   	  <div class="tab_on tab_border flex_item_1 cur tab_item">登陆</div>
			   	   	  <div class="tab_off tab_border flex_item_1 cur tab_item">注册</div>
			   	   </div>
			   	 </div>
			   <div class="swichItem">
			   	   <div id="loginContent">
			   	   	<form autocomplete="off">
			   		<div class="group_control">
			   			<h4>用户名:</h4>
			   		    <input class="input_text w_12 uname" type="text"   maxlength="12" required id="loginname" placeholder="请输入用户名" />
			   		</div>
			   		<div class="group_control">
			   			<h4>密码:</h4>
			   		   <input class="input_text w_12 upwd" type="password" minlength="5" id="loginpwd" required placeholder="请输入密码" />
			   		   <label class="fpwd"><a>忘记密码?</a></label>
			   		</div>
			   		<div class="group_control">
			   			<h4>验证码:</h4>
			   			<div style="display: flex;">
			   			   <input class="input_text vacode" type="text" id="loginvcode" placeholder="请输入验证码" />
			   		       <img src="validateCode" class="input_text imgvalcode changeimage"  id="vaimage"/>
			   		       <label class="fpwd changeimage"><a>换一张</a></label>
			   			</div>			   		  
			   		</div>
			   		<div class="group_control">
			   		
			   			<input class="btn w_12 color_w bk_success cur" id="btnlogin" type="button" value="登陆" />
			   		</div>
			   		</form>
			   	</div>
			   	<div id="registerContent" class="hider">
			   		<div class="group_control">
			   			<h4>用户名:</h4>
			   		    <input class="input_text w_12 uname register" type="text" id="registername" placeholder="请输入用户名" />
			   		</div>
			   		<div class="group_control">
			   			<h4>密码:</h4>
			   		   <input class="input_text w_12 upwd register" type="password" id="registerpwd" placeholder="请输入密码" />
			   		</div>
			   		<div class="group_control">
			   			<h4>确认密码:</h4>
			   		   <input class="input_text w_12 upwd register" type="password" id="pwdrepeater" placeholder="请重新输入密码" />
			   		</div>
			   		<div class="group_control">
			   			<input class="btn w_12 color_w bk_success cur" id="btnregister" type="button" value="注册" />
			   		</div>
			   	</div>
			   	</div>
			   </section>
			</div>		
		</div>
</body>
</html>